<!DOCTYPE html>
<html>
<head>
   <title>Bootstrap 实例 - 边框表格</title>
   <link href="<?=base_url('html/bootstrap_v3/css/bootstrap.min.css')?>" rel="stylesheet">
   <script src="<?=base_url('html/js/jquery-1.8.3.min.js')?>"></script>
   <script src="<?=base_url('html/bootstrap_v3/js/bootstrap.min.js')?>"></script>
</head>
<body>
<div class="container-fluid">
    
        <div class="row-fluid">
		<div class="span12">
			<form class="form-search">
				<input class="input-medium search-query" type="text" /> <button type="submit" class="btn">查找</button>
			</form>
		</div>
	</div>
	<div class="row-fluid">
		<div class="span12">
			<div class="tabbable" id="tabs-843688">
				<ul class="nav nav-tabs">
					<li>
						<a data-toggle="tab" href="#panel-440094">当月工资</a>
					</li>
					<li class="active">
						<a data-toggle="tab" href="#panel-851714">上月工资</a>
					</li>
				</ul>
				<div class="tab-content">
					<div class="tab-pane" id="panel-440094">
						<table class="table table-bordered">
                                                    <caption>边框表格布局</caption>
                                                    <thead>
                                                       <tr>
                                                          <th>名称</th>
                                                          <th>城市</th>
                                                          <th>密码</th>
                                                       </tr>
                                                    </thead>
                                                    <tbody>
                                                       <tr>
                                                          <td>Tanmay</td>
                                                          <td>Bangalore</td>
                                                          <td>560001</td>
                                                       </tr>
                                                       <tr>
                                                          <td>Sachin</td>
                                                          <td>Mumbai</td>
                                                          <td>400003</td>
                                                       </tr>
                                                       <tr>
                                                          <td>Uma</td>
                                                          <td>Pune</td>
                                                          <td>411027</td>
                                                       </tr>
                                                    </tbody>
                                                 </table>
					</div>
					<div class="tab-pane active" id="panel-851714">
						<table class="table table-bordered">
                                                    <caption>边框表格布局</caption>
                                                    <thead>
                                                       <tr>
                                                          <th>名称</th>
                                                          <th>城市</th>
                                                          <th>密码</th>
                                                       </tr>
                                                    </thead>
                                                    <tbody>
                                                       <tr>
                                                          <td>Tanmay</td>
                                                          <td>Bangalore</td>
                                                          <td>560001</td>
                                                       </tr>
                                                       <tr>
                                                          <td>Sachin</td>
                                                          <td>Mumbai</td>
                                                          <td>400003</td>
                                                       </tr>
                                                       <tr>
                                                          <td>Uma</td>
                                                          <td>Pune</td>
                                                          <td>411027</td>
                                                       </tr>
                                                    </tbody>
                                                 </table>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>


</body>
</html>





